<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../baseCss/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../baseCss/common.css">
    <script src="../baseJs/jquery.js"></script>
    <!-- <script src="../baseJs/common.js"></script> -->
</head>

<body>
    <!-- 定义头部 -->
    <div class="header fs12px">
        <div class="header-nav w display-flex">
            <div class="head-left display-flex">
                <div class="city-choice position-r">
                    <div class="city-name cm">
                        <i class="iconfont icon-31dingwei"></i>
                        <span class="now-city-name">郑州市</span>
                    </div>

                    <div class="city-list position-a">
                        <div class="city-wrapper">
                            <ul class="hot-city display-flex">
                                <li>
                                    <a href="javascript:;">苏州市</a>
                                </li>
                                <li>
                                    <a href="javascript:;">北京市</a>
                                </li>
                                <li>
                                    <a href="javascript:;">天津市</a>
                                </li>
                                <li>
                                    <a href="javascript:;">上海市</a>
                                </li>
                            </ul>

                            <ul class="city-name-case display-flex">

                            </ul>
                            <div class="detailed-city position-r">
                                <ul class="detailed-city-name position-r">

                                </ul>
                            </div>


                        </div>
                    </div>
                </div>

                <div class="user-state">
                    <a href="javascript:;" class="link-login">请登录</a>
                    <a href="javascript:;" class="free-login">免费注册</a>
                </div>
            </div>

            <ul class="head-right display-flex">
                <li class="position-r">
                    <div class="my-info">
                        <a href="javascript:;">我的订单</a>
                    </div>
                </li>

                <li class="spacer position-r"></li>

                <li class="position-r">
                    <div class="my-info">
                        <a href="javascript:;">我的浏览</a>
                    </div>
                </li>

                <li class="spacer position-r"></li>

                <li class="position-r">
                    <div class="my-info">
                        <a href="javascript:;">我的收藏</a>
                    </div>
                </li>

                <li class="spacer position-r"></li>

                <li class="position-r">
                    <div class="my-info">
                        <a href="javascript:;">客户服务</a>
                    </div>
                </li>

                <li class="spacer position-r"></li>

                <li class="position-r csn-nav">
                    <div class="my-info web-nav cm">
                        <span>网站导航</span>
                        <i class="iconfont icon-jiantouxia"></i>
                    </div>

                    <div class="web-info position-a clearfix">
                        <dl class="fore1">
                            <dt>特色主题</dt>
                            <dd>
                                <div class="items"><a href="javascript:;">男装女装</a></div>
                            </dd>
                            <dd>
                                <div class="items"><a href="javascript:;">鞋靴箱包</a></div>
                            </dd>
                        </dl>

                        <dl class="fore2">
                            <dt>促销活动</dt>
                            <dd>
                                <div class="items"><a href="javascript:;">拍卖活动</a></div>

                                <div class="items"><a href="javascript:;">共创商品</a></div>

                                <div class="items"><a href="javascript:;">积分商城</a></div>

                                <div class="items"><a href="javascript:;">CMS频道</a></div>

                                <div class="items"><a href="javascript:;">优惠活动</a></div>

                                <div class="items"><a href="javascript:;">超值礼包</a></div>

                                <div class="items"><a href="javascript:;">优惠劵</a></div>

                                <div class="items"><a href="javascript:;">礼品卡</a></div>

                                <div class="items"><a href="javascript:;">预售商品</a></div>
                            </dd>
                        </dl>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- logo及搜索 -->
    <div class="us-info-wrapper">
        <div class="w position-r display-flex">
            <div class="logo">
                <div class="logoImg position-r">
                    <a href="javascript:;">
                        <img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="">
                    </a>
                </div>
            </div>

            <div class="search position-r">
                <div class="form">
                    <form action="#">
                        <input type="text" name="" id="" value="手机" class="search-text">
                        <button class="search-goods">搜商品</button>
                        <button class="search-dp">搜店铺</button>
                    </form>

                    <ul class="keyword display-flex fs12px ">
                        <li><a href="javascript:;">周大福</a></li>
                        <li><a href="javascript:;">内衣</a></li>
                        <li><a href="javascript:;">Five Plus</a></li>
                        <li><a href="javascript:;">手机</a></li>
                    </ul>
                </div>
            </div>

            <div class="shopCart position-r">
                <div class="cart cm">
                    <a href="javascript:;" class="position-r">
                        <i class="iconfont icon-gouwuchekong position-a"></i>
                        <span class="fs12px position-a">我的购物车</span>
                        <em class="fs12px position-a">0</em>
                    </a>
                </div>

                <div class="shop-info position-a">
                    <div class="prompt">
                        <div class="nogoods">
                            <i class="float-l"></i>
                            <span class="fs12px float-l">购物车中还没有商品，赶紧选购吧！</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>